<template>
    <div>
        <div class="sensor-top">
            <el-tag type="success" color="black" size="medium" effect="light">传感器</el-tag>
            <span style="margin-left: 0.25rem;color: #33cea0">{{currentCity}}</span>
        </div>
        <div class="sensor-center">
            <dv-scroll-board :config="config" style="width:auto;height:4rem" @click="click(this)" ref="scrollBoard"/>
        </div>
    </div>
</template>

<script>
    export default {
        name: "sensor",
        props:{
            message:Array,
            currentCity:String
        },
        data(){
            return{
                config:{
                    header: ['序号', '温度', 'PH值','溶氧','盐度','氨氮浓度','浊度'],
                    data: [
                        ['1号', '12', '1','1','5','6','8'],
                        ['3号', '555', '6','8','--','--','--'],
                        ['4号', '--', '--','--','--','--','--'],
                        ['5号', '--', '--','--','--','--','--'],
                        ['6号', '--', '--','--','--','--','--'],
                        ['7号', '--', '--','--','--','--','--'],
                        ['8号', '--', '--','--','--','--','--'],
                        ['9号', '--', '--','--','--','--','--']
                    ]
                }
            }
        },
        methods:{
            click(dataInfor){
                console.log(dataInfor)
            }
        }
    }
</script>

<style scoped lang="scss">
    .sensor-top{
        margin: 0.5rem 0;
    }
</style>
